<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/tao.css">
    <style>
        *{
            margin: 0;
            padding: 0;
            text-decoration: none;
            list-style: none;
        }
    </style>
</head>

<body>
    <div class="warp">
        <header>
            <nav>
                <div class="logo">
                    <h4>Back</h4>
                </div>
                <div class="search">
                    <p>分类</p>
                </div>
                <div class="area">
                    <select name="" id="">
                        <option value="">广州市</option>
                        <option value="">深圳市</option>
                        <option value="">东莞市</option>
                        <option value="">佛山市</option>
                    </select>
                    <i class="iconfont icon-xiajiantou"></i>
                </div>
            </nav>
            <div class="banner">
                <div class="search">
                    <input type="search" placeholder="请输入商品名称">
                    <i class="iconfont icon-sousuo1 "></i>
                </div>

            </div>
            <div class="son">
                <div class="box">
                    <h2>大家都在搜</h2>
                </div>
                <div class="box1">
                    <div class="box2">
                        <p>寿司</p>
                    </div>
                    <div class="box2">
                        <p>羽毛球</p>
                    </div>
                    <div class="box2">
                        <p>火锅</p>
                    </div>
                    <div class="box2">
                        <p>游泳馆</p>
                    </div>
                </div>
                <div class="box3">
                    <div class="box2">
                        <p>电影</p>
                    </div>
                    <div class="box2">
                        <p>周黑鸭</p>
                    </div>
                    <div class="box2">
                        <p>ktv</p>
                    </div>
                    <div class="box2">
                        <P>肯德基</P>
                    </div>
                </div>

            </div>
        </header>
        <main>
            <div class="boox">
                <div class="top1">
                    <div class="top2">
                    <i class="iconfont icon-daochu1024-07"></i>
                    <h4>热门搜索</h4>
                    </div>
                    <div class="top3">
                        <h4>更多 <i class="iconfont icon-youjiantou-"></i></h4>
                    </div>
                </div>
                <div class="blue">
                    <div class="blue1">
                        <img src="./images/pc项目/发现/发现_03.png" alt="">
                    </div>
                    <div class="blue2">
                        <div class="blue3">
                            <div class="logo">
                                <img src="./images/pc项目/发现/发现_05.png" alt="">
                            </div>
                        </div>
                        <div class="blue4">
                            <div class="logo">
                                <img src="./images/pc项目/发现/发现_08.png" alt="">
                            </div>
                            <div class="logo">
                                <img src="./images/pc项目/发现/发现_10.png" alt="">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="boox2">
                <div class="top1">
                    <div class="top2">
                        <i class="iconfont icon-shixinxingxing"></i>
                        <h4>推荐搜索</h4>
                    </div>
                    <div class="top3">
                        <h4>更多 <i class="iconfont icon-youjiantou-"></i></h4>
                    </div>
                </div>
                <div class="top4">
                    <div class="sun">
                        <img src="./images/pc项目/发现/发现_15.png" alt="">
                    </div>
                    <div class="sun">
                        <img src="./images/pc项目/发现/发现_17.png" alt="">
                    </div>
                    <div class="sun">
                        <img src="./images/pc项目/发现/发现_19.png" alt="">
                    </div>                
                </div>
            </div>
        </main>
        <footer>
            <div class="foot">
                <div class="font1">
                    <i class="iconfont icon-shouye"></i>
                    <p><a href="./index.html">首页</a></p>
                </div>
                <div class="font1">
                    <i class="iconfont icon-yingyongzhongxin"></i>
                    <p><a href="./tao.html">分类</a></p>
                </div>
                <div class="font1">
                    <i class="iconfont icon-faxian"></i>
                    <p><a href="./tuo.html">发现</a></p>
                </div>
                <div class="font1">
                    <i class="iconfont icon-wode"></i>
                    <p><a href="./text.html">我的</a></p>
                </div>
            </div>
        </footer>
    </div>
</body>

</html>